<template>
  <div class="acti_entry">
    <div class="acti_entry_img"><img src="../../images/september_enter.jpg" width="100%"></div>
    <router-link :to="{name: 'ActivitySeptArea'}" class="acti_entry_info">
      九月活动入口 {{timerresult}}
      <div>{{startActity ? '结束时间倒计时': '开始时间倒计时'}}</div>
    </router-link>
    
  </div>
</template>

<script>
export default {
  name: 'IndexSept'
}
</script>

<style lang="scss" scoped>
.acti_entry {
  width: 100%;
  height: 170px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  .acti_entry_img{
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .acti_entry_info {
    position: relative;
    z-index: 5;
    font-size: 30px;
    line-height: 5;
  }
}
</style>
